@CHARSET "UTF-8";

#mainMenu {
	padding: 5px;
	border: 1px solid #ddd;
}

.header {
	font-weight: bold;
	color: #576EC9;
}

.tabContent {
	padding: 15px;
}

.formTable tr td {
	padding-right: 20px;
}

.formStyle input[type='text'] {
	width: 150px;
	padding: 3px;
	border: #7ca1d3 1px solid;
}

.formStyle input[readonly='readonly'], textarea[readonly='readonly'] {
	background-color: #EAEAEA;
}

.formStyle textarea{
 	font-family: sans-serif;
	font-size: 9pt;
	padding: 3px;
	border: #7ca1d3 1px solid;
}

.formStyle select {
	width: 158px;
	padding: 3px;
	border: #7ca1d3 1px solid
}

.errorElement {
	background-color: #FFB8B8 !important;
	border-color: #700505 !important;
}

.infoElement {
	background-color: #DCFFD2 !important;
	border-color: #1C7702 !important;
}

.successArea {
	padding: 0px;
	border: #327227 1px solid;
	background-color: #EDFFE9;
	color: #327227;
	font-weight: bold;
	padding: 10px;
	height: 15px;
	width: 600px;
	margin-bottom: 20px;
	display: none;
}

.successArea .successImg {
	float: left;
	margin-top: -4px
}

.successArea .successMsg {
	margin-left: 40px;
	margin-top: 2px;
}


div.progress {
	border-style: solid;
	border-color: #4C4C4C;
	background-color: #F7F7F7;
	border-width: 1px;
	width: 155px;
}


div.progressBar {
	height: 18px;
}


div.progressBar25 {
	background-color: #C40404;
}


div.progressBar75 {
	background-color: #FAC54B;
}


div.progressBar100 {
	background-color: #5FBB4D;
}


div.percent {
	position: relative;
	margin-top: -15px;
	margin-left: 5px;
}

div.gridResult{
	width: 100%;
	font-weight: bold;
	border-top-color: black;
}

div.firstResult {
	border-top-style: solid;
	border-top-width: 1px
}

div.endResult {
		color: green;
	border-top-style: double;
}


.positiveValue {
	font-weight:bold;
	color:#0E9702
}

.negativeValue {
	font-weight:bold;
	color:#AB0101
}


div.infoMsg {
	height:30px; 
	width: 600px; 
	border-style: solid;
	border-color: #800000;
	color: #800000;
	background-color: #ffcccc;
	margin-bottom: 20px;
	margin-left: 10px;
	border-width: 1px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}


div.infoMsg img {
	float:left;
}


div.infoMsg div {
	padding-top: 8px;
	margin-left: 50px
}